<template>
    <div id="app">
        <Puzzle @complete="onComplete"></Puzzle>
    </div>
</template>

<script>
import Puzzle from "@/components/Puzzle.vue";
export default {
    name: "App",
    components: {Puzzle},

    methods:{
        onComplete(status) {
            console.log('校验结果:',status)
        }
    }
};
</script>

<style scoped>
#app {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}
</style>
